﻿<!doctype html>
<html>

	<head>
		<meta name="viewport" id="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<meta name="format-detection" content="telephone=yes" />
		<meta name="msapplication-tap-highlight" content="no" />
		<meta charset="utf-8">
		<title>首页</title>
		<link href="https://necolas.github.io/normalize.css/3.0.2/normalize.css" rel="stylesheet" type="text/css" />
		<link href="css/css.css?v=1000112" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_1440991126_5870352.css" />
		<link href="css/iconfont.css" rel="stylesheet" type="text/css">
			
	</head>

	<body>
		<!----------------头部定位---------------------------->
		<div class="header">
			<span class="headleft">
              <span class="back"><i class="iconfont icon-xiangji"></i></span>
			</span>
			<span class="tbbiaoti">星粉星币</span>
			<span class="headright">
        	<p class="hquan mtop5"></p>
            <span class="xiaox mtop10"><i class="iconfont icon-xiaoxi"></i></span>
			</span>
		</div>
		<div class="tabdiv mbtopbottom z-index-1">
			<ul class="xfxbbiaoti" style="width:2000px" id="goodstypetab">
				<li tip="0" class="current">1服装鞋靴</li>
				<li tip="1">2箱包饰品</li>
				<li tip="2">3运动户外</li>
				<li tip="3">4家居生活</li>
				<li tip="4">5服装鞋靴</li>
				<li tip="5">6箱包饰品</li>
				<li tip="6">7运动户外</li>
				<li tip="7">8家居生活</li>
				<li tip="8">9服装鞋靴</li>
				<li tip="9">10箱包饰品</li>
				<li tip="10">11 运动户外</li>
				<li tip="11">12家居生活</li>
				<li tip="12">13服装鞋靴</li>
				<li tip="13">14箱包饰品</li>
				<li tip="14">15运动户外</li>
				<li tip="15">16家居生活</li>
			</ul>
		</div>
		</div>
		<!----------------内容开始---------------------------->
		<div class="main mtop27">
			<!----------------轮播广告--------------------- ------->
			<div class="banner mbottom5 position">
				<div class="wdxbshu">
					<p class="mrlq">明日可领20个</p>
					<p class="wdxbsl">我的星币：<span>2980</span>个</p>
				</div>
				<img src="images/xfxbbanner.jpg" />
			</div>
			<!----------------产品模块一---------------------------->
			<div class="muokuaibg mbtopbottom">
				<h2 class="mkbiaoti mbbottom"><em>星兑换</em><span><i></i><a href="#"><i class="iconfont icon-jiantou2"></i></a></span></h2>
				<div class="mkyis mbbottom">
					<dl class="chanpin dtudw mbright">
						<dd>爱国者移动电源K10</dd>
						<dd class="jinqian xdhjinqian"><span class="jinbi"><b><img src="images/jbtub.jpg"></b>70</span>+<span class="money">￥24</span></dd>
						<dt><img src="images/splbtu9.jpg"></dt>
					</dl>
					<dl class="chanpin">
						<dt><img src="images/splbtu7.jpg"></dt>
						<dd>爱国者移动电源K10</dd>
						<dd class="jinqian"><span class="jinbi"><b><img src="images/jbtub.jpg"></b>70</span>+<span class="money">￥24</span></dd>
					</dl>
				</div>
				<div class="mkyix">
					<dl class="chanpin mbright">
						<dt><img src="images/splbtu1.jpg"></dt>
						<dd>爱国者移动电源K10</dd>
						<dd class="jinqian"><span class="jinbi"><b><img src="images/jbtub.jpg"></b>70</span>+<span class="money">￥24</span></dd>
					</dl>
					<dl class="chanpin mbright">
						<dt><img src="images/splbtu3.jpg"></dt>
						<dd>倩碧黄油乳液30ml</dd>
						<dd class="jinqian"><span class="jinbi"><b><img src="images/jbtub.jpg"></b>70</span>+<span class="money">￥6</span></dd>
					</dl>
					<dl class="chanpin">
						<dt><img src="images/splbtu4.jpg"></dt>
						<dd>漫步者游戏耳机</dd>
						<dd class="jinqian"><span class="jinbi"><b><img src="images/jbtub.jpg"></b>70</span>+<span class="money">￥102</span></dd>
					</dl>
				</div>
			</div>
			<div class="muokuaibg mbtopbottom mtb5">
				<h2 class="mkbiaoti"><em>星粉秀</em><span><a href="#"><i class="iconfont icon-jiantou2"></i></a></span></h2>
				<div class="xfxdtu mtb5">
					<dl class="xfxnr1">
						<dt><img src="images/xfxtu1.jpg" /></dt>
						<dd class="xfxdtubt"><a href="#">叹息著谁又被伤了心却还不清醒一定...</a></dd>
					</dl>
				</div>
				<div class="xfxxtu mtb5">
					<dl class="xfxnr1">
						<dt><img src="images/xfxtu2.jpg" /></dt>
						<dd class="xfxdtubt xfxdtubt1"><a href="#">叹息著谁又被伤了..</a></dd>
					</dl>
					<dl class="xfxnr1 ptop5">
						<dt><img src="images/xfxtu3.jpg" /></dt>
						<dd class="xfxdtubt xfxdtubt1"><a href="#">叹息著谁又被伤了..</a></dd>
					</dl>
				</div>
				<div style="clear: both;"></div>
				<div class="mtb5">
					<p class="zxandzrbt">最新和最热门</p>
					<div class="zxandzr">
						<dl class="xfxnr1 ptop5">
							<dt><img src="images/zxtu1.jpg" /></dt>
							<dd class="xfxdtubt xfxdtubt1">
								<a href="#"></a>
							</dd>
						</dl>
						<dl class="xfxnr1 ptop5">
							<dt><img src="images/zxtu2.jpg" /></dt>
							<dd class="xfxdtubt xfxdtubt1"><a href="#">叹息著谁又..</a></dd>
						</dl>
						<dl class="xfxnr1 ptop5">
							<dt><img src="images/zxtu3.jpg" /></dt>
							<dd class="xfxdtubt xfxdtubt1"><a href="#">叹息著谁又..</a></dd>
						</dl>
						<dl class="xfxnr1 ptop5">
							<dt><img src="images/zxtu4.jpg" /></dt>
							<dd class="xfxdtubt xfxdtubt1"><a href="#">叹息著谁又..</a></dd>
						</dl>
						<div style="clear: both;"></div>
						<p class="zrfxs mbbottom"><span>1208人分享</span></p>
					</div>
					<div class="zxandzr">
						<dl class="xfxnr1 ptop5">
							<dt><img src="images/zrtu1.jpg" /></dt>
							<dd class="xfxdtubt xfxdtubt1">
								<a href="#"></a>
							</dd>
						</dl>
						<dl class="xfxnr1 ptop5">
							<dt><img src="images/zrtu2.jpg" /></dt>
							<dd class="xfxdtubt xfxdtubt1"><a href="#">叹息著谁又..</a></dd>
						</dl>
						<dl class="xfxnr1 ptop5">
							<dt><img src="images/zrtu3.jpg" /></dt>
							<dd class="xfxdtubt xfxdtubt1"><a href="#">叹息著谁又..</a></dd>
						</dl>
						<dl class="xfxnr1 ptop5">
							<dt><img src="images/zrtu4.jpg" /></dt>
							<dd class="xfxdtubt xfxdtubt1"><a href="#">叹息著谁又..</a></dd>
						</dl>
						<div style="clear: both;"></div>
						<p class="zrfxs mbbottom"><span>1208人分享</span></p>
					</div>
				</div>
			</div>
			<div class="ggtu1">
				<a href="javascript:void(0);"><img src="images/ggtu8.jpg"></a>
			</div>

			<div class="muokuaibg mbtopbottom">
				<h2 class="mkbiaoti"><em>星换购</em><span><a href="#"><i class="iconfont icon-jiantou2"></i></a></span></h2>
				<div class="bgbai">
					<ul class="xfxbbiaoti xghbt star-redemption">
						<li class="swiper-slide"><a href="#">0-100星币</a></li>
						<li class="swiper-slide"><a href="#">1-500</a></li>
						<li class="swiper-slide"><a href="#">500-1000</a></li>
						<li class="swiper-slide"><a href="#">1000-5000</a></li>
						<li class="swiper-slide"><a href="#">5000以上</a></li>
					</ul>
				</div>
			</div>
			<div class="mtop0">
				<ul class="cnxhd">
					<li class="syxhd">
						<dl>
							<dt><img src="images/cnxhdtu1.jpg"></dt>
							<dd>Samsung/三星 Galaxy Tab3 7.0 SM-T210 WIFI 8GB三星平板电脑 </dd>
							<dd class="xhmony">￥819.00</dd>
						</dl>
					</li>
					<li class="syxhd">
						<dl>
							<dt><img src="images/cnxhdtu2.jpg"></dt>
							<dd>飞利浦 儿童耳机头戴式双耳耳机蓝色 </dd>
							<dd class="xhmony">￥296.0</dd>
						</dl>
					</li>
					<li class="syxhd">
						<dl>
							<dt><img src="images/cnxhdtu3.jpg"></dt>
							<dd>都市余味零食碧根果178g </dd>
							<dd class="xhmony">￥21.9</dd>
						</dl>
					</li>
					<li class="syxhd">
						<dl>
							<dt><img src="images/cnxhdtu4.jpg"></dt>
							<dd>Samsung/三星 Galaxy Tab3 7.0 SM-T210 WIFI 8GB三星平板电脑 </dd>
							<dd class="xhmony">￥1219.00</dd>
						</dl>
					</li>
				</ul>
			</div>
		</div>
		<!----------------底部定位---------------------------->
		<div class="footbg">
			<ul class="foot">
				<li class="color-fff"><i class="iconfont icon-shouye"></i>
					<br />首页</li>
				<li><i class="iconfont icon-classification01"></i>
					<br />分类</li>
				<li><i class="iconfont icon-star01"></i>
					<br />星粉星币</li>
				<li class="ftgwc"><span>3</span><i class="iconfont icon-gouwuche"></i>
					<br /><b class="dbgwc">购物车</b></li>
				<li><i class="iconfont icon-wode"></i>
					<br />我的</li>
			</ul>
		</div>
		
	</body>

</html>